<template>
    <div id="console" :class="console_class">
        <!--S控制列表-->
        <ul class="list">
            <li>
                <router-link class="a" :to="'/activity/exchange/'+activityId">
                    <div>
                        <svg class="iconfont sidebar-iconfont" aria-hidden="true">
                            <use xlink:href="#icon-baoxiang-01"></use>
                        </svg>
                    </div>
                    <p>宝藏兑换</p>
                </router-link>
            </li>

            <li>
                <router-link class="a" :to="'/activity/entity/'+activityId">
                    <div>
                        <svg class="iconfont sidebar-iconfont" aria-hidden="true">
                            <use xlink:href="#icon-shiwujiangpin"></use>
                        </svg>
                    </div>
                    <p>奖品兑换</p>
                </router-link>
            </li>

            <li>
                <router-link class="a" :to="'/activity/activity_coupon/'+activityId">
                    <div>
                        <svg class="iconfont sidebar-iconfont" aria-hidden="true">
                            <use xlink:href="#icon-wodeqiaquan"></use>
                        </svg>
                    </div>
                    <p>卡券列表</p>
                </router-link>
            </li>
        </ul>
        <!--E控制列表-->

        <!--S显示隐藏按钮-->
        <div class="sidebar-switch" @click="showHide">
            <svg class="iconfont" style="width: 20px;height:20px;margin-left: 2px;" aria-hidden="true">
                <use xlink:href="#icon-gengduo"></use>
            </svg>
            控制台
        </div>
        <!--E显示隐藏按钮-->
    </div>
</template>

<script>
export default{
    name:"console",
    data(){
        return {
            console_class:"hide",
            is_show:false
        };
    },
    props:{
        activityId:String
    },
    methods:{
        //显示隐藏
        showHide(){
            if(this.is_show){
                this.is_show = false;
                this.console_class = "hide";
            }else{
                this.is_show = true;
                this.console_class = "show";
            }
        }
    }
};
</script>

<style src="./console.less" lang="less" scoped></style>
